<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页</title>
    <link rel="stylesheet" href="css/profile.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <div class="profile-container">
        <!-- 个人信息头部 -->
        <div class="profile-header">
            <img src="https://via.placeholder.com/150" alt="个人头像" class="profile-avatar">
            <div class="profile-info">
                <h1 class="profile-name">张三</h1>
                <p class="profile-title">全栈开发工程师</p>
                <p class="profile-description">
                    热爱编程，专注于Web开发，有5年开发经验。擅长前端开发和后端架构设计，
                    对新技术充满热情，喜欢解决具有挑战性的问题。
                </p>
            </div>
        </div>

        <!-- 技能部分 -->
        <div class="skills-section">
            <h2 class="section-title">专业技能</h2>
            <div class="skills-grid">
                <div class="skill-item">HTML5/CSS3</div>
                <div class="skill-item">JavaScript/TypeScript</div>
                <div class="skill-item">React/Vue</div>
                <div class="skill-item">Node.js</div>
                <div class="skill-item">C#/.NET</div>
                <div class="skill-item">SQL Server</div>
                <div class="skill-item">Git</div>
                <div class="skill-item">Docker</div>
            </div>
        </div>

        <!-- 项目经验 -->
        <div class="projects-section">
            <h2 class="section-title">项目经验</h2>
            <div class="project-card">
                <h3 class="project-title">企业资源管理系统</h3>
                <p class="project-description">
                    使用.NET Core + React开发的企业级应用，实现了生产计划管理、库存管理、
                    质量管理等功能模块。负责系统架构设计和核心功能开发。
                </p>
            </div>
            <div class="project-card">
                <h3 class="project-title">在线教育平台</h3>
                <p class="project-description">
                    基于Vue.js + Node.js开发的在线教育平台，实现了课程管理、在线学习、
                    考试系统等功能。负责前端架构设计和性能优化。
                </p>
            </div>
        </div>

        <!-- 联系方式 -->
        <div class="contact-section">
            <h2 class="section-title">联系方式</h2>
            <ul class="contact-list">
                <li class="contact-item">
                    <i class="fas fa-envelope contact-icon"></i>
                    <span>example@email.com</span>
                </li>
                <li class="contact-item">
                    <i class="fas fa-phone contact-icon"></i>
                    <span>+86 123 4567 8900</span>
                </li>
                <li class="contact-item">
                    <i class="fab fa-github contact-icon"></i>
                    <span>github.com/example</span>
                </li>
                <li class="contact-item">
                    <i class="fab fa-linkedin contact-icon"></i>
                    <span>linkedin.com/in/example</span>
                </li>
            </ul>
        </div>
    </div>
</body>
</html> 